.login {
    width: 100%;
    height: 100vh;
    // box-sizing: border-box;
    // padding: 10px;
    background-color: #f2ebfe;
    display: flex;
    flex-direction: column;
    align-items: center;

    .logo {
        margin-top: 50px;
        width: 80%;

        img {
            width: 100%;
        }

    }

    .popup {
        width: 100%;
        background-color: white;
        border-radius: 30px 30px 0 0;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;

        .form {
            margin-top: 50px;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;


            .input {
                margin: 15px 0;
                // margin-top: 50px;
                border: rgb(206, 206, 206) solid 1px;
                border-radius: 10px;
                // padding: 5px 10px;
            }
        }

        .btn {
            margin-top: 10px;
            width: 80%;
            display: flex;

            Button {
                flex: 1;
                margin: 0 10px;
            }
        }
        .register{
            margin-top: 20px;
            span{
                color: #8e8cdd;
            }
        }
    }

}